// 空心的虚线圆
.dashed-circle {
  width: 46px; /* 圆圈的宽度 */
  height: 46px; /* 圆圈的高度 */
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  border: 2px dashed; /* 边框宽度、样式和颜色 */
  border-radius: 50%; /* 将元素变成圆形 */
}

.hover {
  transition: all 0.4s;
  cursor: pointer;

  &:hover {
    color: var(--color-hover);
  }
}

.thin-line {
  position: relative;
}

.thin-line::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: var(--color-primary-secondary);
  transform: scaleX(0.8);
  transform-origin: 0 0;
}